/* @font-face {
    font-family: pingfang;
    src: url(fonts/pingfang.eot) format('embedded-opentype'), url(fonts/pingfang.otf) format('openType'), url(fonts/pingfang.ttf) format('trueOpen');
} */
@font-face {
    font-family: din;
    src: url(fonts/dincond.OTF) format('openType');
}
html,
body {
    font-family: 'Microsoft Yaihei';
}
.width1200 {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.header {
    width: 100%;
    position: relative;
    /* top: 0;
    left: 0;
    right: 0; */
    z-index: 10;
}
.header .top {
    width: 100%;
    height: 32px;
    background-color: #f0f0f0;
}
.header .top p {
    color: #666666;
    font-size: 13px;
    line-height: 32px;
}
.head {
    background-color: #fff;
}
.head .logo {
    float: left;
    height: 100px;
    line-height: 100px;
    font-size: 0;
}
.head .logo img {
    display: inline-block;
    vertical-align: middle;
    height: 54px;
}
.head .txt {
    float: left;
    height: 100px;
    line-height: 100px;
    font-size: 0;
    margin-left: 25px;
}
.head .txt .p {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    padding-left: 20px;
    border-left: 1px solid #e8e8e8;
}
.head .txt .p p {
    color: #333;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}
.head .txt .p span {
    color: #666;
    font-size: 16px;
    line-height: 1;
}
.head .ph {
    float: right;
    height: 100px;
    line-height: 100px;
    padding-left: 38px;
    background-image: url(../images/icon-phone.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #0050a9;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.head .ph .span {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.head .ph span {
    color: #ffaf03;
    font-size: 32px;
    line-height: 1;
    font-family: din;
    font-weight: bold;
    display: block;
}
.nav-bg {
    width: 100%;
    background-color: #0050a9;
}
.nav-bg .logo,
.nav-bg .menu {
    display: none;
}
.nav {
    width: 1200px;
}
.nav ul {
    width: 100%;
}
.nav li {
    float: left;
    width: 11%;
    height: 48px;
    position: relative;
}
.nav li .a {
    display: block;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.nav li .child {
    display: none;
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 1;
    min-width: 100%;
    background-color: #f6f4f5;
}
.nav li .child a {
    display: block;
    line-height: 36px;
    text-align: center;
    padding: 0 20px;
    color: #0050a9;
    font-size: 14px;
    white-space: nowrap;
}
.nav li .child a:hover {
    background-color: #0050a9;
    color: #fff;
}
.nav li:hover,
.nav li.on {
    background-color: #ffb001;
}
.nav-child {
    display: none;
    width: 100%;
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #f6f4f5;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 36px 0 20px;
}
.swiper-nav-product {
    padding: 0 20px;
}
.swiper-nav-product .swiper-button-next:after, 
.swiper-nav-product .swiper-button-prev:after {
    font-size: 16px;
    font-weight: bold;
}
.swiper-nav-product .swiper-button-next {
    right: 0;
}
.swiper-nav-product .swiper-button-prev {
    left: 0;
}
.nav-child li {
    padding: 0 25px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.nav-child li dl {
    width: 100%;
}
.nav-child li dt,
.nav-child li dd {
    width: 100%;
    margin-bottom: 15px;
}
.nav-child li dt {
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}
.nav-child li dt:after {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background-color: #ffb001;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.nav-child li dt a {
    color: #0050a9;
    font-size: 16px;
    font-weight: bold;
}
.nav-child li dd a {
    display: block;
    color: #0050a9;
    font-size: 13px;
    line-height: 1;
}
.nav-child li dd a span {
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    border: 1px solid #0050a9;
    margin-right: 11px;
}
.nav-child li dd a:hover {
    color: #ffb001;
}
.zhanwei {
    /* height: 180px; */
}
.swiper-banner {
    width: 100%;
    height: 100%;
}
.swiper-banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}
.index-intro {
    position: relative;
}
.index-intro .content {
    width: 920px;
    margin: 0 auto;
    padding: 0 0 50px;
    position: relative;
}
.index-intro .content .con {
    width: 100%;
    height: 56px;
    overflow: hidden;
    text-align: center;
}
.index-intro .content .con p {
    color: #333;
    font-size: 14px;
    line-height: 2;
}
.index-intro .content .btn-intro {
    width: 32px;
    height: 32px;
    background-color: #0050a9;
    border-radius: 50%;
    line-height: 32px;
    font-size: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -16px;
    cursor: pointer;
}
.index-intro .content .btn-intro img {
    display: inline-block;
    vertical-align: middle;
}
.index-intro .content .btn-intro.on img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.index-num {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(225, 228, 233, 0.6);
}
.index-num ul {
    width: 100%;
}
.index-num li {
    float: left;
    width: 25%;
    line-height: 100px;
    font-size: 0;
    text-align: center;
}
.index-num li p {
    color: #434343;
    font-size: 20px;
}
.index-num li p span {
    font-size: 48px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-family: din;
}
.index-num li p sup {
    font-size: 12px;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #0050a9;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    color: #fff;
}
.index-product-bg {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-image: url(../images/bg1.jpg);
    padding: 0 0 80px;
}
.index-product .tit .line {
    width: 45px;
    height: 3px;
    background-color: #0050a9;
    margin: 0 auto;
}
}
.index-product-tab {
    float: left;
    width: 23.3%;
}
.index-product-tab .tit {
    width: 100%;
    height: 120px;
    background-color: #0050a9;
    position: relative;
}
.index-product-tab .tit h6 {
    color: rgba(255, 255, 255, 0.1);
    font-size: 36px;
    font-size: 1;
    font-family: din;
    text-transform: uppercase;
    padding: 28px 0 0 40px;
}
.index-product-tab .tit p {
    color: #fff;
    font-size: 24px;
    line-height: 1;
    position: absolute;
    top: 48px;
    left: 40px;
    z-index: 1;
    font-weight: bold;
}
.index-product-tab ul, 
.index-product-tab .layui-collapse {
    width: 100%;
    height: 500px;
    /* border: 2px solid #eee; */
    background-color: #fff;
    overflow: auto;
}
.index-product-tab ul::-webkit-scrollbar,
.index-product-tab .layui-collapse::-webkit-scrollbar {
    width: 1px;
    background-color: #eee;
}
.index-product-tab ul::-webkit-scrollbar-thumb,
.index-product-tab .layui-collapse::-webkit-scrollbar-thumb {
    width: 1px;
    background-color: #666;
}
.index-product-tab li {
    border-bottom: 1px solid #eee;
}
.index-product-tab li a {
    display: block;
    line-height: 80px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 40px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
.index-product-tab li:hover a {
    color: #0050a9;
}
.index-product .items {
    width: 100%;
}
.index-product .item {
    float: left;
    width: 23.8%;
    margin-right: 1.6%;
    margin-bottom: 20px;
}
.index-product .item:nth-child(4n) {
    margin-right: 0;
}
.index-product .item img {
    display: block;
    width: 100%;
}
.index-service-bg {
    width: 100%;
    /* background-image: url(../images/bg2.jpg); */
    /* background-position: center; */
    /* background-size: cover; */
    padding: 42px 0 34px;
}
.index-service h4 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin-bottom: 43px;
    font-weight: bold;
}
.index-service .liu {
    width: 1084px;
    margin: 0 auto;
    padding: 36px 0 0;
    background-image: url(../images/icon-liu1.png);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.index-service ul {
    width: 100%;
    margin-bottom: 45px;
}
.index-service li {
    float: left;
    width: 122px;
    height: 130px;
    background-image: url(../images/icon-liu2.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 40px 0 0;
    text-align: center;
    margin-right: 12.75px;
}
.index-service li:last-child {
    margin-right: 0;
}
.index-service li img {
    display: block;
    height: 34px;
    margin: 0 auto 10px;
}
.index-service li p {
    color: #333;
    font-size: 14px;
    line-height: 1;
}
.index-service .a {
    width: 440px;
    margin: 0 auto;
}
.index-service .a span,
.index-service .a a {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #0050a9;
}
.index-service .a span img,
.index-service .a a img {
    display: inline-block;
    vertical-align: middle;
}
.index-service .a span {
    background-color: #0050a9;
}
.index-oneStop-bg {
    width: 100%;
    padding: 0 0 85px;
    background-image: url(../images/in-bg1.jpg);
    background-position: ce;
    background-size: cover;
}
.index-title {
    padding: 75px 0 68px;
    text-align: center;
}
.index-title h6 {
    color: #333;
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
}
.index-title p {
    color: #d1d1d1;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.index-title .line {
    width: 45px;
    height: 3px;
    background-color: #0050a9;
    margin: 0 auto;
}
.swiper-oneStop {
    float: left;
    width: 54%;
    height: 470px;
}
.swiper-oneStop .swiper-slide .img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.swiper-oneStop-thumbs {
    float: right;
    width: 39%;
    height: 470px;
    background-image: url(../images/in-bg2.png);
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding-right: 37px;
    overflow: visible !important;
}
.swiper-oneStop-thumbs .swiper-slide {
    border-bottom: 1px solid #d2d2d2;
    padding: 25px 0;
}
.swiper-oneStop-thumbs .swiper-slide:last-child {
    border-bottom: none;
}
.swiper-oneStop-thumbs .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    position: relative;
}
.swiper-oneStop-thumbs .swiper-slide h6 {
    color: #333;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
}
.swiper-oneStop-thumbs .swiper-slide p {
    color: #666;
    font-size: 15px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
}
.swiper-oneStop-thumbs .swiper-slide .cir {
    position: absolute;
    left: -130px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(0, 80, 169, 0.2);
    font-size: 0;
    text-align: center;
    line-height: 100px;
}
.swiper-oneStop-thumbs .swiper-slide .cir span {
    display: inline-block;
    vertical-align: middle;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background-color: #0050a9;
    font-size: 0;
    text-align: center;
    line-height: 82px;
}
.swiper-oneStop-thumbs .swiper-slide .cir span img {
    vertical-align: middle;
}
.swiper-oneStop-thumbs .swiper-slide .cir span .s {
    display: inline-block;
}
.swiper-oneStop-thumbs .swiper-slide .cir span .h {
    display: none;
}
.swiper-oneStop-thumbs .swiper-slide:hover .cir {
    background-color: rgba(255, 176, 1, 0.2);
}
.swiper-oneStop-thumbs .swiper-slide:hover .cir span {
    background-color: #ffb001;
}
.swiper-oneStop-thumbs .swiper-slide:hover .cir span .s {
    display: none;
}
.swiper-oneStop-thumbs .swiper-slide:hover .cir span .h {
    display: inline-block;
}
.index-news {
    padding: 0 0 65px;
}
.index-news .items {
    float: left;
    width: 64%;
    padding: 22px 0 0;
}
.index-news .items .tit {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 22px;
}
.index-news .items ul {
    width: 100%;
}
.index-news .items li {
    width: 100%;
    margin-bottom: 15px;
}
.index-news .items li:last-child {
    margin-bottom: 0;
}
.index-news .items li a {
    display: block;
    width: 100%;
    height: 100%;
}
.index-news .items li .img {
    float: left;
    width: 36%;
    height: 156px;
    background-position: center;
    background-size: cover;
}
.index-news .items li .txt {
    float: right;
    width: 64%;
    height: 156px;
    border: 1px solid #e5e5e5;
    padding: 30px 30px 0;
}
.index-news .items li .txt h6 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-news .items li .txt .con {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 15px;
}
.index-news .items li .txt .time {
    color: #666;
    font-size: 16px;
    line-height: 1;
    font-family: din;
}
.index-news .items li:hover .txt {
    background-color: #f5f5f5;
}
.index-news .quest {
    float: right;
    width: 34.25%;
    border: 1px solid #e5e5e5;
    padding: 18px 21px 0;
    position: relative;
}
.index-news .quest .dian {
    width: 6px;
    height: 6px;
    border: 1px solid #0050a9;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    z-index: 1;
}
.index-news .quest .dian.dian1 {
    top: -4px;
    left: -4px;
}
.index-news .quest .dian.dian2 {
    top: -4px;
    right: -4px;
}
.index-news .quest .dian.dian3 {
    bottom: -4px;
    left: -4px;
}
.index-news .quest .dian.dian4 {
    bottom: -4px;
    right: -4px;
}
.index-news .quest .tit {
    color: #333;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 19px;
}
.index-news .quest dl {
    width: 100%;
    padding: 0 0 50px;
}
.index-news .quest dl dt,
.index-news .quest dl dd {
    width: 100%;
}
.index-news .quest dl dt a,
.index-news .quest dl dd a {
    display: block;
    width: 100%;
    height: 100%;
}
.index-news .quest dl dt {
    margin-bottom: 20px;
}
.index-news .quest dl dt a {
    padding: 0 0 15px;
    border-bottom: 1px solid #e5e5e5;
}
.index-news .quest dl dt .img {
    width: 100%;
    height: 184px;
    background-position: center;
    background-size: cover;
    margin-bottom: 24px;
}
.index-news .quest dl dt h6 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-news .quest dl dt .con {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.index-news .quest dl dd {
    padding-left: 30px;
    position: relative;
}
.index-news .quest dl dd:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #999;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}
.index-news .quest dl dd a {
    color: #333;
    font-size: 15px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-news .quest dl dd a:hover {
    color: #0050a9;
}
.index-about-bg {
    width: 100%;
    padding: 0 0 42px;
    background-image: url(../images/in-bg2.jpg);
    background-position: center;
    background-size: cover;
}
.index-about-bg .content {
    width: 100%;
    background-color: #fff;
    margin-bottom: 27px;
    box-shadow: 0 0 10px rgba(215, 215, 215, 0.6);
    padding: 10px;
}
.index-about-bg .content .img {
    float: left;
    width: 40%;
    height: 360px;
    background-position: center;
    background-size: cover;
}
.index-about-bg .content .txt {
    float: left;
    margin-left: 3.8%;
    width: 55%;
}
.index-about-bg .content .txt h6 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    padding: 43px 0 16px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.index-about-bg .content .txt .con {
    color: #666;
    font-size: 15px;
    line-height: 28px;
    height: 140px;
    overflow: hidden;
    margin-bottom: 20px;
}
.index-about-bg .content .txt a {
    display: block;
    width: 69px;
    height: 30px;
    background-color: #0050a9;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.index-about-bg .content .txt a:hover {
    background-color: #ffb401;
}
.index-about-bg .items {
    width: 100%;
    position: relative;
}
.index-about-bg .items .swiper-button-next,
.index-about-bg .items .swiper-button-prev {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(215, 215, 215, 0.6);
    outline: none;
}
.index-about-bg .items .swiper-button-next:after,
.index-about-bg .items .swiper-button-prev:after {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.index-about-bg .items .swiper-button-prev {
    left: -52px;
}
.index-about-bg .items .swiper-button-next {
    right: -52px;
}
.swiper-index-about {
    width: 100%;
    height: 200px;
}
.swiper-index-about .swiper-slide .img {
    width: 100%;
    height: 160px;
    background-position: center;
    background-size: cover;
}
.swiper-index-about .swiper-slide p {
    color: #666;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
}
.footer {
    background-color: #135fab;
}
.footer .f-nav {
    width: 100%;
    padding: 32px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .f-nav ul {
    width: 100%;
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.footer .f-nav li {
    position: relative;
}
.footer .f-nav li:after {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 8px;
    right: -34px;
}
.footer .f-nav li:last-child:after {
    display: none;
}
.footer .f-nav li a {
    color: #fff;
    font-size: 14px;
}
.footer .cont {
    padding: 44px 0;
}
.footer .cont .logo {
    float: left;
}
.footer .cont .logo img {
    display: block;
    width: 204px;
}
.footer .cont .txt {
    float: left;
    padding-left: 34px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: 5%;
}
.footer .cont .txt p {
    color: #fff;
    font-size: 14px;
    line-height: 2;
}
.footer .cont .txt a {
    color: #fff;
}
.footer .cont ul {
    float: left;
    margin-left: 5%;
}
.footer .cont ul li {
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 68px;
    padding-bottom: 17px;
}
.footer .cont ul li .t {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
}
.footer .cont ul li a {
    display: block;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-family: din;
}
.footer .cont ul li a.wap {
    display: none;
}
.footer .cont ul .dianhua {
    background-image: url(../images/icon-phone1.png);
}
.footer .cont ul .shouji {
    background-image: url(../images/icon-shouji1.png);
}
.footer .cont .erweima {
    float: right;
    width: 130px;
}
.footer .cont .erweima img {
    display: block;
    width: 100%;
}
.footer .cont .erweima p {
    width: 100%;
    line-height: 29px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background-image: url(../images/icon-kuang.png);
    background-position: center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.footer .bottom {
    background-color: #0050a9;
}
.footer .bottom p {
    line-height: 60px;
    color: #fff;
    font-size: 14px;
}
.footer .bottom p b {
    font-weight: bold;
}
.footer .bottom p a {
    color: #fff;
    font-size: 13px;
}
.search-banner {
    width: 100%;
    position: relative;
}
.search-banner .img {
    display: block;
    width: 100%;
}
.search-banner .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
}
.search-banner .txt h4 {
    color: #fff;
    font-size: 64px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 4vh;
}
.search-banner .txt .sea {
    width: 620px;
    height: 54px;
}
.search-banner .txt .sea input {
    display: block;
    height: 100%;
    border: none;
}
.search-banner .txt .sea input[type=text] {
    float: left;
    width: 80%;
    padding: 0 50px;
    background-color: #fff;
    background-image: url(../images/icon-sea1.png);
    background-position: 19px center;
    background-repeat: no-repeat;
}
.search-banner .txt .sea .btn {
    float: right;
    width: 20%;
    background-color: #0050a9;
    color: #fff;
    font-size: 16px;
}
.brand {
    width: 100%;
    border-bottom: 1px solid #eee;
}
.brand p {
    float: left;
    padding-left: 30px;
    background-image: url(../images/icon-br1.png);
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 76px;
}
.brand p a,
.brand p span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    margin-right: 10px;
    background-image: url(../images/icon-duobian.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #333;
    font-size: 14px;
}
.brand p a:hover {
    opacity: 0.8;
}
.brand .re {
    float: left;
    line-height: 76px;
    padding-right: 25px;
}
.brand .re span,
.brand .re a {
    color: #666;
    font-size: 14px;
}
.brand .re a {
    margin-left: 10px;
}
.brand .re a:hover {
    color: #0050a9;
}
.brand .inps {
    float: right;
    font-size: 0;
    line-height: 76px;
}
.brand .inp {
    display: inline-block;
    vertical-align: middle;
    width: 285px;
    height: 36px;
    border: 1px solid #eee;
    border-radius: 18px;
    position: relative;
    overflow: hidden;
}
.brand .inp input {
    display: block;
    height: 100%;
    border: none;
    background-color: #fff;
}
.brand .inp input[type=text] {
    float: left;
    width: 100%;
    padding: 0 45px 0 15px;
    color: #333;
    font-size: 14px;
}
.brand .inp .btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 45px;
    background-image: url(../images/icon-search2.png);
    background-position: center;
    background-repeat: no-repeat;
}
.search-tab {
    width: 100%;
    border-bottom: 2px solid #eaeaea;
    padding: 40px 0 0;
}
.search-tab ul {
    width: 100%;
    text-align: center;
    font-size: 0;
}
.search-tab li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 22px;
    padding-bottom: 22px;
    position: relative;
}
.search-tab li:after {
    content: "";
    display: block;
    width: 1px;
    height: 17px;
    background-color: #b9b9b9;
    position: absolute;
    top: 3px;
    right: -22px;
}
.search-tab li:last-child:after {
    display: none;
}
.search-tab li a {
    color: #333;
    font-size: 16px;
}
.search-tab li.active a {
    color: #0050a9;
}
.search-items {
    width: 100%;
}
.search-items .item {
    width: 100%;
    padding: 35px 0 15px;
    border-bottom: 1px dashed #e5e5e5;
}
.search-items .item a {
    display: block;
}
.search-items .item h6 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-items .item .con {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 24px;
}
.search-items .item .link {
    color: #666;
    font-size: 15px;
    line-height: 1;
}
.page {
    padding: 40px 0;
    font-size: 0;
    text-align: center;
}
.page a,
.page b {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    padding: 0 9px;
    color: #666;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    margin: 5px 3px;
}
.page a:hover {
    border-color: #0050a9;
    color: #0050a9;
}
.page b {
    color: #fff;
    background-color: #0050a9;
    border-color: #0050a9;
}
.brand-ditu {
    padding: 24px 0 0;
}
.ditu-items {
    margin-bottom: 62px;
}
.ditu-items .item {
    padding: 44px 0 10px;
    border-bottom: 1px solid #eee;
}
.ditu-items .item .t {
    line-height: 1;
    margin-bottom: 20px;
}
.ditu-items .item .t span {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 2px;
    background-color: #0050a9;
    margin-right: 9px;
}
.ditu-items .item .t a {
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
.ditu-items .item .a a {
    color: #333;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 7px;
    margin-right: 52px;
    position: relative;
}
.ditu-items .item .a a:after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background-color: #e9e9e9;
    position: absolute;
    top: 2px;
    right: -26px;
}
.ditu-items .item .a a:hover {
    color: #0050a9;
    font-weight: bold;
}
.product-banner {
    width: 100%;
    position: relative;
}
.product-banner .img {
    display: block;
    width: 100%;
}
.product-banner .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}
.product-banner .txt h4 {
    font-size: 48px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 22px;
}
.product-banner .txt h6 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 22px;
}
.porduct {
    padding: 30px 0;
}
.product-tab {
    float: left;
    width: 280px;
}
.product-tab .tit {
    width: 100%;
    height: 80px;
    background-color: #0050a9;
    position: relative;
    margin-bottom: 6px;
    padding: 0 24px;
}
.product-tab .tit p {
    color: rgba(255, 255, 255, 0.1);
    font-size: 48px;
    line-height: 80px;
    text-transform: uppercase;
    font-family: din;
}
.product-tab .tit span {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    left: 24px;
    top: 35px;
    z-index: 1;
}
.layui-collapse-product {
    width: 100%;
    border: none;
    border-radius: 0;
    margin-bottom: 20px;
}
.layui-collapse-product .layui-colla-item {
    border: none;
    margin-bottom: 5px;
}
.layui-collapse-product .layui-colla-item .layui-colla-title {
    position: relative;
}
.layui-collapse-product .layui-colla-item .layui-colla-title:after {
    content: "";
    display: block;
    width: 2px;
    height: 100px;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.layui-collapse-product .layui-colla-item.active .layui-colla-title:after {
    background-color: #0050a9;
}
.layui-collapse-product .layui-colla-title {
    display: block;
    background-color: #d8eaff;
    padding: 0 45px 0 24px;
    color: #0050a9;
    font-size: 15px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    outline: none;
}
.layui-collapse-product .layui-colla-icon {
    right: 16px;
    left: auto;
}
.layui-collapse-product .layui-colla-content {
    padding: 0;
    line-height: initial;
}
.layui-collapse-product .layui-colla-content dd {
    border-bottom: 1px solid #eee;
}
.layui-collapse-product .layui-colla-content dd a {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 24px;
    outline: none;
}
.layui-collapse-product .layui-colla-content dd.active {
    border-color: #0050a9;
}
.layui-collapse-product .layui-colla-content dd.active a {
    color: #0050a9;
}
.product-tab .adr {
    width: 100%;
    position: relative;
}
.product-tab .adr .img {
    display: block;
    width: 100%;
}
.product-tab .adr .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
}
.product-tab .adr .txt .t {
    bottom: 12px;
}
.product-tab .adr .txt .t span {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-left: 26px;
    background-image: url(../images/icon-ph3.png);
    background-position: left center;
    background-repeat: no-repeat;
}
.product-tab .adr .txt p {
    color: #ffb001;
    font-size: 28px;
    line-height: 1;
    font-family: din;
    margin-bottom: 13px;
}
.product-tab .adr .txt .line {
    width: 18px;
    height: 2px;
    margin: 0 auto;
    background-color: #a09690;
}
.product-content {
    float: right;
    width: 880px;
}
.product-content .item {
    float: left;
    width: 30.6%;
    margin-right: 4.1%;
}
.product-content .item:nth-child(3n) {
    margin-right: 0;
}
.product-content .item a {
    width: 100%;
    height: 100%;
}
.product-content .item .img {
    background-color: #fff;
    border: 1px solid #fff;
    font-size: 0;
    text-align: center;
    width: 100%;
    height: 268px;
    line-height: 272px;
}
.product-content .item .img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}
.product-content .item p {
    color: #333;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
}
.product-content .item:hover .img {
    border-color: #0050a9;
}
.product-content .item:hover p {
    color: #0050a9;
}
.product-detail {
    float: right;
    width: 880px;
}
.swiper-product {
    float: left;
    width: 42.5%;
    height: 374px;
    border: 2px solid #eee;
}
.swiper-product .swiper-slide {
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
.swiper-product .swiper-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.product-detail .basic {
    width: 100%;
    margin-bottom: 38px;
}
.product-detail .con {
    float: right;
    width: 54%;
}
.product-detail .con h5 {
    color: #333;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    padding-bottom: 17px;
    border-bottom: 1px solid #eee;
}
.product-detail .con ul {
    padding: 20px 0;
}
.product-detail .con ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
    color: #333;
    font-size: 12px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #eee;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
}
.product-detail .con ul li:nth-child(2n) {
    margin-right: 0;
}
.product-detail .con ul li.on {
    border-color: #0050a9;
}
.product-detail .con ul li.on:after {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-image: url(../images/icon-gou1.png);
    background-position: center;
    background-size: cvoer;
    position: absolute;
    bottom: 0;
    right: 0;
}
.product-detail .con .btn {
    font-size: 0;
}
.product-detail .con .btn a {
    display: inline-block;
    vertical-align: top;
    padding: 0 40px;
    border-radius: 48px;
    height: 48px;
    line-height: 48px;
}
.product-detail .con .btn .ding {
    color: #333;
    font-size: 16px;
    margin-right: 10px;
    background-color: #ffb001;
    box-shadow: 0 5px 10px rgba(255, 226, 163, 0.6);
}
.product-detail .con .btn .tel {
    color: #fff;
    font-size: 20px;
    font-family: din;
    background-color: #0050a9;
    box-shadow: 0 6px 10px rgba(158, 204, 255, 0.6);
}
.product-detail-tab {
    width: 100%;
    font-size: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.product-detail-tab span {
    display: inline-block;
    vertical-align: middle;
    width: 118px;
    height: 60px;
    line-height: 60px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-position: center;
    background-size: 100% 100%;
    cursor: pointer;
    position: relative;
}
.product-detail-tab span:after {
    content: "";
    display: block;
    width: 1px;
    height: 19px;
    background-color: #eee;
    position: absolute;
    right: 0;
    top: 20px;
}
.product-detail-tab span.on {
    color: #0050a9;
    background-image: url(../images/icon-line1.png);
}
.product-detail-content {
    width: 100%;
    padding: 28px 0 44px;
    border-bottom: 1px solid #eee;
}
.product-detail-content .content {
    display: none;
}
.product-detail-content .content p {
    color: #333;
    font-size: 14px;
    line-height: 30px;
}
.product-detail-content .content img {
    max-width: 100%;
}
.product-tuijian h4 {
    padding: 20px 0 24px;
    color: #333;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
}
.product-tuijian .items {
    width: 100%;
}
.product-tuijian .item {
    float: left;
    width: 30.6%;
    margin-right: 4.1%;
}
.product-tuijian .item:nth-child(3n) {
    margin-right: 0;
}
.product-tuijian .item a {
    width: 100%;
    height: 100%;
}
.product-tuijian .item .img {
    background-color: #fff;
    border: 1px solid #eee;
    font-size: 0;
    text-align: center;
    width: 100%;
    height: 268px;
    line-height: 272px;
}
.product-tuijian .item .img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}
.product-tuijian .item p {
    color: #333;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
}
.product-tuijian .item:hover .img {
    border-color: #0050a9;
    box-shadow: 0 5px 10px rgba(147, 173, 202, 0.3);
}
.product-tuijian .item:hover p {
    color: #0050a9;
}
.news-banner .b {
    font-size: 0;
    text-align: center;
}
.news-banner .b span {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 20px;
    line-height: 46px;
    padding: 0 46px;
    font-weight: bold;
    letter-spacing: 4px;
    background-color: #ffb001;
}
.news-list {
    float: right;
    width: 880px;
}
.news-list .items {
    width: 100%;
}
.news-list .item {
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 20px;
}
.news-list .item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 40px;
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.news-list .item:hover {
    border-color: #0050a9;
    box-shadow: 0 5px 10px rgba(147, 173, 202, 0.3);
}
.news-list .item .time {
    text-align: center;
    font-family: din;
    padding-right: 43px;
    border-right: 1px solid #eee;
}
.news-list .item .time .md {
    color: #333;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
}
.news-list .item .time .y {
    color: #888;
    font-size: 24px;
    line-height: 1;
}
.news-list .item .txt {
    width: 80%;
}
.news-list .item .txt h6 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-list .item .txt .con {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.news-detail {
    float: right;
    width: 880px;
}
.news-detail .tit {
    padding-bottom: 14px;
    border-bottom: 1px solid #eee;
}
.news-detail .tit h6 {
    color: #333;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}
.news-detail .tit .bark {
    text-align: center;
}
.news-detail .tit .bark span {
    color: #888;
    font-size: 14px;
    margin: 0 18px;
}
.news-detail .con {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.news-detail .con p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
.news-detail .con img {
    max-width: 100% !important;
}
.prev-next {
    width: 100%;
    border-bottom: 1px solid #eee;
    position: relative;
    margin-bottom: 30px;
}
.prev-next .back-list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.prev-next .a {
    display: block;
    color: #333;
    font-size: 15px;
    line-height: 60px;
    background-repeat: no-repeat;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prev-next .a:hover {
    color: #0050a9;
}
.prev-next .prev {
    float: left;
    padding-left: 22px;
    background-image: url(../images/icon-pl.png);
    background-position: left center;
}
.prev-next .next {
    float: right;
    padding-right: 22px;
    background-image: url(../images/icon-pr.png);
    background-position: right center;
    text-align: right;
}
.news-tuijian {
    width: 100%;
    background-color: #f6f6f6;
    margin-bottom: 25px;
    padding: 0 35px;
}
.news-tuijian .tit {
    padding: 23px 0 20px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
.news-tuijian .list {
    width: 100%;
}
.news-tuijian .list a {
    display: block;
    padding-right: 15px;
    background-image: url(../images/icon-nr.png);
    background-position: right center;
    background-repeat: no-repeat;
    border-top: 1px dashed #e5e5e5;
}
.news-tuijian .list a span {
    display: block;
    color: #333;
    font-size: 15px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-tuijian .list a:hover span {
    color: #0050a9;
}
.news-ads {
    width: 100%;
    height: 280px;
    background-position: center;
    background-size: cover;
    position: relative;
}
.news-ads .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}
.news-ads .txt h6 {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 30px;
    font-weight: bold;
}
.news-ads .txt p {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 26px;
}
.news-ads .txt p span {
    font-family: din;
    font-weight: normal;
}
.news-ads .txt a {
    display: block;
    width: 144px;
    height: 50px;
    margin: 0 auto;
    border-radius: 25px;
    background-color: #ffb001;
    color: #333;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}
.question-list .item .txt {
    position: relative;
}
.question-list .item .txt .q,
.question-list .item .txt .a {
    width: 20px;
    height: 20px;
    position: absolute;
    background-position: center;
    background-size: cover;
    left: -36px;
}
.question-list .item .txt .q {
    background-image: url(../images/q.png);
    top: 3px;
}
.question-list .item .txt .a {
    background-image: url(../images/a.png);
    top: 42px;
}
.download-tab {
    padding: 41px 0 49px;
    font-size: 0;
    text-align: center;
}
.download-tab a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    width: 208px;
    height: 52px;
    line-height: 52px;
    border: 2px solid #eee;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
.download-tab a span {
    position: relative;
}
.download-tab a span:before,
.download-tab a span:after {
    content: "";
    display: block;
    width: 7px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.download-tab a span:before {
    left: -17px;
}
.download-tab a span:after {
    right: -17px;
}
.download-tab a.on {
    color: #fff;
    border-color: #0050a9;
    background-color: #0050a9;
}
.download-tab a.on:after {
    content: "";
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 8px solid #0050a9;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.download-list {
    width: 100%;
}
.download-list .item {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #fff;
    padding: 25px 30px;
    margin-bottom: 20px;
}
.download-list .item .txt {
    float: left;
    width: 80%;
    line-height: 39px;
    color: #666;
    font-size: 16px;
    padding-left: 28px;
    background-image: url(../images/icon-wend.png);
    background-position: left center;
    background-repeat: no-repeat;
}
.download-list .item a {
    display: block;
    float: right;
    width: 101px;
    height: 39px;
    background-color: #dcdcdc;
    font-size: 0;
    line-height: 39px;
    text-align: center;
}
.download-list .item a span,
.download-list .item a a {
    display: inline-block;
    vertical-align: middle;
}
.download-list .item a span {
    color: #fff;
    font-size: 15px;
}
.download-list .item a img {
    margin-left: 7px;
}
.download-list .item:hover {
    border-color: #0050a9;
    box-shadow: 0 5px 10px rgba(171, 194, 222, 0.4);
}
.download-list .item:hover .txt {
    color: #0050a9;
}
.download-list .item:hover a {
    background-color: #0050a9;
}
.more {
    padding: 20px 0 47px;
    font-size: 0;
    text-align: center;
}
.more a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 24px;
    height: 45px;
    line-height: 45px;
    border-radius: 23px;
    background-color: #0050a9;
    box-shadow: 0 0 15px #c0deff;
}
.more a span,
.more a img {
    display: inline-block;
    vertical-align: middle;
}
.more a span {
    color: #fff;
    font-size: 14px;
}
.more a img {
    margin-right: 9px;
}
.case {
    padding: 40px 0 0;
}
.case .itms {
    width: 100%;
}
.case .item {
    float: left;
    width: 23.8%;
    margin-right: 1.6%;
    margin-bottom: 36px;
}
.case .item:nth-child(4n) {
    margin-right: 0;
}
.case .item .img {
    width: 100%;
    height: 204px;
    background-position: center;
    background-size: cover;
}
.case .item .txt {
    padding: 20px 10px 23px 36px;
    border: 1px solid #e5e5e5;
    border-top: none;
    position: relative;
}
.case .item .txt .line {
    width: 2px;
    height: 54px;
    background-color: #eee;
    position: absolute;
    top: -16px;
    left: 20px;
}
.case .item .txt h6 {
    color: #333;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case .item .txt .con {
    color: #666;
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 12px;
}
.case .item .txt .de {
    width: 79px;
    height: 32px;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    background-color: #dcdcdc;
}
.case .item:hover .txt {
    border-color: #0050a9;
}
.case .item:hover .txt .line {
    background-color: #0050a9;
}
.case .item:hover .txt .de {
    background-color: #0050a9;
}
.about-tab {
    padding: 41px 0;
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.about-tab a {
    width: 15.3%;
    height: 52px;
    line-height: 52px;
    border: 2px solid #eee;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: relative;
}
.about-tab a span {
    position: relative;
}
.about-tab a span:before,
.about-tab a span:after {
    content: "";
    display: block;
    width: 7px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.about-tab a span:before {
    left: -17px;
}
.about-tab a span:after {
    right: -17px;
}
.about-tab a.on {
    color: #fff;
    border-color: #0050a9;
    background-color: #0050a9;
}
.about-tab a.on:after {
    content: "";
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 8px solid #0050a9;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.intro-jianjie {
    width: 100%;
    background-color: #fafafa;
    background-image: url(../images/ab-bg1.jpg);
    background-position: center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 58px 0 120px;
}
.intro-jianjie .img {
    float: left;
    width: 50%;
}
.intro-jianjie .img img {
    display: block;
    width: 100%;
}
.intro-jianjie .txt {
    width: 45.5%;
    float: right;
}
.intro-jianjie .txt h5 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 12px;
}
.intro-jianjie .txt h6 {
    color: #333;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 22px;
}
.intro-jianjie .txt .con {
    color: #666;
    font-size: 14px;
    line-height: 32px;
}
.intro-title {
    padding: 60px 0 44px;
    text-align: center;
}
.intro-title h6 {
    color: #333;
    font-size: 32px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 17px;
}
.intro-title h6 span {
    color: #0050a9;
}
.intro-title .line {
    width: 33px;
    height: 3px;
    background-color: #0050a9;
    margin: 0 auto;
}
.intro-title .desc {
    margin-top: 32px;
    color: #333;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
}
.intro-shili {
    width: 100%;
    background-color: #fafafa;
    padding: 0 0 72px;
}
.intro-shili .item {
    float: left;
    width: 31.6%;
    margin-right: 2.6%;
    border: 2px solid #eee;
    padding: 40px 2.3vw;
}
.intro-shili .item:nth-child(3n) {
    margin-right: 0;
}
.intro-shili .item .cir {
    width: 110px;
    height: 110px;
    box-shadow: 0 0 20px #abc2de;
    margin: 0 auto 38px;
    border-radius: 50%;
    overflow: hidden;
}
.intro-shili .item .cir img {
    display: block;
    width: 100%;
    height: 100%;
}
.intro-shili .item h6 {
    color: #333;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 19px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.intro-shili .item .con {
    color: #666;
    font-size: 15px;
    line-height: 28px;
    height: 168px;
    overflow: hidden;
}
.intro-shili .item .num {
    color: rgba(51, 51, 51, 0.1);
    font-size: 64px;
    line-height: 1;
    font-family: din;
    text-align: center;
    font-weight: bold;
}
.intro-shili .item:hover {
    border-color: #0050a9;
    box-shadow: 0 5px 10px #abc2de;
}
.intro-guimo {
    width: 100%;
    padding: 0 0 77px;
    background-image: url(../images/ab-bg2.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.intro-guimo .tuwen {
    width: 100%;
    position: relative;
}
.intro-guimo .tuwen .img {
    float: right;
    width: 68.75%;
    height: 500px;
    background-position: center;
    background-size: cover;
}
.intro-guimo .tuwen .txt {
    width: 50%;
    height: 373px;
    background-color: #0050a9;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 25px 39px 25px 47px;
}
.intro-guimo .tuwen .txt .p {
    width: 100%;
    height: 100%;
    overflow: auto;
    color: #fff;
    font-size: 15px;
    line-height: 32px;
}
.intro-guimo .tuwen .txt .p::-webkit-scrollbar {
    width: 1px;
    background-color: #eee;
}
.intro-guimo .tuwen .txt .p::-webkit-scrollbar-thumb {
    width: 1px;
    background-color: #999;
}
.intro-guimoer {
    width: 100%;
    padding: 0 0 62px;
    background-color: #fafafa;
}
.intro-guimoer .items {
    width: 100%;
}
.intro-guimoer .item {
    float: left;
    width: 23.8%;
    height: 150px;
    background-color: #0050a9;
    margin-right: 1.6%;
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
.intro-guimoer .item:nth-child(4n) {
    margin-right: 0;
}
.intro-guimoer .item .bo {
    color: #fff;
    text-align: center;
}
.intro-guimoer .item p {
    font-size: 48px;
    font-family: din;
    line-height: 1;
    margin-bottom: 15px;
}
.intro-guimoer .item h6 {
    font-size: 14px;
    line-height: 1;
}
.intro-yuanjing {
    padding: 44px 0 46px;
}
.intro-yuanjing .content {
    height: 365px;
    background-position: center;
    background-size: cover;
}
.intro-yuanjing .intro-title h6 {
    color: #fff;
}
.intro-yuanjing .intro-title h6 span {
    color: #fff;
}
.intro-yuanjing .intro-title .line {
    background-color: #fff;
}
.intro-yuanjing .intro-title .desc {
    color: #fff;
}
.qual .item {
    float: left;
    width: 23.8%;
    margin-right: 1.6%;
    margin-bottom: 32px;
}
.qual .item:nth-child(4n) {
    margin-right: 0;
}
.qual .item .img {
    width: 100%;
    height: 377px;
    line-height: 377px;
    font-size: 0;
    text-align: center;
    margin-bottom: 18px;
    border: 1px solid #eee;
}
.qual .item .img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 92%;
    max-height: 92%;
}
.qual .item p {
    color: #666;
    font-size: 15px;
    line-height: 1;
    text-align: center;
}
.qual .item:hover .img {
    border-color: #0050a9;
}
.qual .item:hover p {
    color: #0050a9;
}
.phonos .item {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 32px;
}
.phonos .item:nth-child(3n) {
    margin-right: 0;
}
.phonos .item .img {
    width: 100%;
    height: 256px;
    line-height: 256px;
    padding: 15px;
    margin-bottom: 18px;
    border: 1px solid #eee;
    position: relative;
}
.phonos .item .img img {
    display: block;
    width: 100%;
    height: 100%;
}
.phonos .item .img .meng {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-image: url(../images/icon-fangda.png);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}
.phonos .item p {
    color: #666;
    font-size: 15px;
    line-height: 1;
    text-align: center;
}
.phonos .item:hover .img {
    border-color: #0050a9;
}
.phonos .item:hover .img .meng {
    opacity: 1;
}
.phonos .item:hover p {
    color: #0050a9;
}
.contact {
    padding: 0 0 58px;
}
.contact .items {
    width: 100%;
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 38px;
}
.contact .item {
    width: 32%;
    height: 191px;
    border: 2px solid #eee;
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
.contact .item .bo {
    text-align: center;
}
.contact .item img {
    display: block;
    height: 35px;
    margin: 0 auto 17px;
}
.contact .item p {
    color: #333;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 17px;
}
.contact .item a {
    color: #0050a9;
    font-size: 32px;
    font-family: din;
    line-height: 1;
}
.contact .item .dizhi {
    font-size: 24px;
}
.contact .item:hover {
    border-color: #0050a9;
}
.my-map {
    margin: 0 auto;
    width: 100%;
    height: 540px;
}
.my-map .icon {
    background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}
.my-map .icon-cir {
    height: 31px;
    width: 28px;
}
.my-map .icon-cir-red {
    background-position: -11px -5px;
}
.amap-container {
    height: 100%;
}
.online-message {
    height: 555px;
    margin-bottom: 55px;
    background-position: center;
    background-size: cover;
    padding: 25px 50px 0;
}
.online-message p {
    color: #fff;
    font-size: 15px;
    line-height: 1;
    padding: 20px 0 9px;
}
.online-message input[type=text],
.online-message textarea {
    display: block;
    width: 440px;
    border: 1px solid #0050a9;
    background-color: #fff;
    color: #333;
    font-size: 15px;
}
.online-message input[type=text]::-webkit-input-placeholder,
.online-message textarea::-webkit-input-placeholder {
    color: #c0c0c0;
    font-size: 15px;
}
.online-message input {
    height: 48px;
    padding: 0 20px;
}
.online-message textarea {
    height: 85px;
    padding: 12px 20px;
}
.online-message .btn {
    display: block;
    margin-top: 30px;
    width: 440px;
    height: 48px;
    background-color: #0050a9;
    border: none;
    color: #fff;
    font-size: 16px;
}
.serivce {
    padding: 0 0 50px;
}
.serivce-title {
    text-align: center;
    padding: 76px 0 55px;
}
.serivce-title h6 {
    color: #333;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 17px;
}
.serivce-title .line {
    width: 33px;
    height: 3px;
    background-color: #0050a9;
    margin: 0 auto;
}
.serivce-ruodian {
    width: 100%;
    text-align: center;
    font-size: 0;
}
.serivce-ruodian .item {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    height: 220px;
    margin: 0 1%;
    border: 2px solid #eee;
    margin-bottom: 22px;
    padding: 27px 40px 0;
    position: relative;
}
.serivce-ruodian .item:nth-child(1) {
    margin-left: 0;
}
.serivce-ruodian .item:nth-child(3) {
    margin-right: 0;
}
.serivce-ruodian .item img {
    display: block;
    height: 34px;
    margin-bottom: 17px;
}
.serivce-ruodian .item h6 {
    color: #333;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 12px;
    text-align: left;
}
.serivce-ruodian .item .con {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    text-align: left;
}
.serivce-ruodian .item .num {
    color: rgba(0, 0, 0, 0.2);
    font-size: 28px;
    font-family: din;
    line-height: 1;
    position: absolute;
    bottom: 20px;
    right: 40px;
}
.serivce-ruodian .item:hover {
    border-color: #0050a9;
    box-shadow: 0 5px 10px rgba(158, 204, 255, 0.6);
}
.serivce-ruodian .item:hover h6 {
    color: #0050a9;
}
.serivce-anfang {
    width: 100%;
}
.serivce-anfang .top {
    width: 100%;
}
.serivce-anfang .top .item {
    float: left;
    width: 48.5%;
    height: 230px;
    margin-right: 3%;
    margin-bottom: 30px;
    border: 2px solid #eee;
    padding: 35px 40px 0;
    position: relative;
}
.serivce-anfang .top .item:nth-child(2n) {
    margin-right: 0;
}
.serivce-anfang .top .item h6 {
    color: #333;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 12px;
}
.serivce-anfang .top .item .con {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
.serivce-anfang .top .item .num {
    color: rgba(0, 0, 0, 0.2);
    font-size: 32px;
    line-height: 1;
    font-family: din;
    position: absolute;
    right: 40px;
    bottom: 20px;
}
.serivce-anfang .top .item:hover {
    border-color: #0050a9;
}
.serivce-anfang .bottom {
    width: 100%;
    background-position: center;
    background-size: cover;
    padding: 48px 40px 23px;
}
.serivce-anfang .bottom h5 {
    margin-bottom: 32px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
}
.serivce-anfang .bottom h5 span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-family: din;
    font-weight: normal;
    font-size: 32px;
    margin-right: 17px;
}
.serivce-anfang .bottom .items {
    width: 100%;
}
.serivce-anfang .bottom .item {
    float: left;
    width: 23.4%;
    height: 250px;
    background-color: #fff;
    margin-right: 2.13%;
    margin-bottom: 20px;
    padding: 52px 21px 0;
    text-align: center;
}
.serivce-anfang .bottom .item:nth-child(4n) {
    margin-right: 0;
}
.serivce-anfang .bottom .item h6 {
    color: #333;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 15px;
}
.serivce-anfang .bottom .item .con {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
.serivce-anfang .bottom .item:hover {
    background-color: #0050a9;
}
.serivce-anfang .bottom .item:hover h6,
.serivce-anfang .bottom .item:hover .con {
    color: #fff;
}
.serivce-menjin {
    width: 100%;
    text-align: center;
    font-size: 0;
}
.serivce-menjin .item {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    height: 230px;
    margin: 0 1% 22px;
    border: 2px solid #eee;
    padding: 27px 40px 0;
    position: relative;
}
.serivce-menjin .item:nth-child(1) {
    margin-left: 0;
}
.serivce-menjin .item:nth-child(3) {
    margin-right: 0;
}
.serivce-menjin .item img {
    display: block;
    height: 34px;
    margin-bottom: 17px;
}
.serivce-menjin .item h6 {
    color: #333;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 12px;
    text-align: left;
}
.serivce-menjin .item .con {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    text-align: left;
}
.serivce-menjin .item .num {
    color: rgba(0, 0, 0, 0.2);
    font-size: 28px;
    font-family: din;
    line-height: 1;
    position: absolute;
    bottom: 20px;
    right: 40px;
}
.serivce-menjin .item:hover {
    border-color: #0050a9;
    box-shadow: 0 5px 10px rgba(158, 204, 255, 0.6);
}
.serivce-menjin .item:hover h6 {
    color: #0050a9;
}
.topic-banner {
    width: 100%;
    position: relative;
}
.topic-banner .img {
    display: block;
    width: 100%;
}
.topic-banner .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.topic-banner .txt img {
    display: block;
    height: 82px;
    margin-bottom: 3.4vh;
}
.topic-banner .txt h6 {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 5.2vh;
}
.topic-banner .txt .desc {
    color: #fff;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 6vh;
}
.topic-banner .txt a {
    display: block;
    width: 165px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    background-color: #ffb001;
    color: #333;
    font-size: 16px;
    text-align: center;
}
.topic-title {
    padding: 70px 0 44px;
}
.topic-title .tit {
    position: relative;
    text-align: center;
    margin-bottom: 18px;
}
.topic-title .tit p {
    color: rgba(0, 0, 0, 0.1);
    font-size: 64px;
    line-height: 1;
    font-family: din;
    font-weight: bold;
    text-transform: uppercase;
}
.topic-title .tit span {
    display: block;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.topic-title .line {
    width: 30px;
    height: 3px;
    background-color: #0050a9;
    margin: 0 auto;
}
.topic-building {
    padding: 70px 0 44px;
    text-align: center;
    background-image: url(../images/topic-bg1.jpg);
    background-position: center;
    background-size: cover;
    padding: 0 0 87px;
}
.topic-building .items {
    width: 100%;
    padding: 0 0 30px;
}
.topic-building .item {
    float: left;
    width: 23.2%;
    height: 135px;
    background-color: #0050a9;
    margin-right: 2.4%;
    margin-bottom: 20px;
    position: relative;
}
.topic-building .item:nth-child(4n) {
    margin-right: 0;
}
.topic-building .item .bg {
    background-image: url(../images/topic-bg2.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 64% auto;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.topic-building .item .num,
.topic-building .item p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.topic-building .item .num {
    color: rgba(255, 255, 255, 0.1);
    font-size: 64px;
    z-index: 2;
    font-family: din;
    font-weight: bold;
}
.topic-building .item p {
    width: 72%;
    color: #fff;
    font-size: 16px;
    z-index: 3;
}
.topic-building .item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.topic-building .item:hover .bg {
    opacity: 1;
}
.topic-building .content {
    width: 100%;
    position: relative;
}
.topic-building .content .img {
    float: left;
    width: 62.5%;
    height: 500px;
    background-position: center;
    background-size: cover;
}
.topic-building .content .txt {
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #fff;
    padding: 44px;
    text-align: left;
}
.topic-building .content .txt h6 {
    color: #333;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 15px;
}
.topic-building .content .txt .line {
    width: 30px;
    height: 3px;
    background-color: #0050a9;
    margin-bottom: 15px;
}
.topic-building .content .txt .con {
    color: #333;
    font-size: 15px;
    line-height: 32px;
}
.topic-solution .items {
    position: relative;
}
.topic-solution .items .swiper-button-prev,
.topic-solution .items .swiper-button-next {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
}
.topic-solution .items .swiper-button-prev:after,
.topic-solution .items .swiper-button-next:after {
    font-size: 15px;
    font-weight: bold;
}
.topic-solution .items .swiper-button-prev {
    left: -40px;
}
.topic-solution .items .swiper-button-next {
    right: -40px;
}
.topic-youshi {
    padding: 0 0 52px;
}
.topic-youshi .item {
    width: 100%;
}
.topic-youshi .item .tit {
    width: 100%;
    background-color: #0050a9;
    position: relative;
    padding: 29px 35px;
    font-size: 0;
    text-align: left;
}
.topic-youshi .item .tit img {
    display: inline-block;
    vertical-align: middle;
    height: 53px;
    margin-right: 24px;
}
.topic-youshi .item .tit .txt {
    display: inline-block;
    vertical-align: middle;
}
.topic-youshi .item .tit .txt h6 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 34px;
}
.topic-youshi .item .tit .txt p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.topic-youshi .item .tit .num {
    color: rgba(255, 255, 255, 0.3);
    font-size: 48px;
    font-family: din;
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.topic-youshi .item .con {
    width: 100%;
    padding: 26px 34px;
    border: 2px solid #e5e5e5;
    border-top: none;
}
.topic-youshi .item .con p {
    color: #666;
    font-size: 15px;
    line-height: 2;
}
.topic-case {
    width: 100%;
    background-color: #f8f8f8;
    padding: 0 0 61px;
}
.topic-case .item {
    float: left;
    width: 23.8%;
    margin-right: 1.6%;
    margin-bottom: 36px;
}
.topic-case .item:nth-child(4n) {
    margin-right: 0;
}
.topic-case .item .img {
    width: 100%;
    height: 204px;
    background-position: center;
    background-size: cover;
}
.topic-case .item .txt {
    padding: 20px 10px 23px 36px;
    border: 1px solid #e5e5e5;
    border-top: none;
    position: relative;
}
.topic-case .item .txt .line {
    width: 2px;
    height: 54px;
    background-color: #eee;
    position: absolute;
    top: -16px;
    left: 20px;
}
.topic-case .item .txt h6 {
    color: #333;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.topic-case .item .txt .con {
    color: #666;
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 12px;
}
.topic-case .item .txt .de {
    width: 79px;
    height: 32px;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    background-color: #dcdcdc;
}
.topic-case .item:hover .txt {
    border-color: #0050a9;
}
.topic-case .item:hover .txt .line {
    background-color: #0050a9;
}
.topic-case .item:hover .txt .de {
    background-color: #0050a9;
}
.news-list .item .img {
    width: 16%;
    height: 88px;
    background-position: center;
    background-size: cover;
}
.news-list .item {
    position: relative;
}
.news-list .item .t {
    position: absolute;
    bottom: 30px;
    right: 40px;
}
.mengban {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
}
@media screen and (max-width: 1280px) {
    .width1200 {
        width: 960px;
    }
    .nav {
        width: 100%;
    }
    .index-num {
        top: -10px;
        height: 70px;
    }
    .index-num li {
        line-height: 70px;
    }
    .index-num li p span {
        font-size: 36px;
    }
    .index-service .liu {
        width: 865px;
    }
    .index-service li {
        width: 95px;
        height: 102px;
        padding: 25px 0 0;
    }
    .index-service li img {
        height: 25px;
    }
    .index-service li p {
        font-size: 12px;
    }
    .swiper-oneStop-thumbs .swiper-slide h6 {
        font-size: 18px;
    }
    .swiper-oneStop-thumbs .swiper-slide p {
        font-size: 14px;
        line-height: 25px;
        height: 50px;
    }
    .swiper-oneStop-thumbs,
    .swiper-oneStop {
        height: 420px;
    }
    .footer .f-nav {
        padding: 15px 0;
    }
    .footer .cont {
        padding: 10px 0;
    }
    .footer .cont .logo img {
        width: 120px;
    }
    .footer .cont ul {
        margin-left: 5%;
    }
    .footer .bottom {
        padding: 10px 0;
    }
    .footer .bottom p {
        line-height: 1.3;
        font-size: 12px;
    }
    .topic-banner .txt img {
        height: 50px;
        margin-bottom: 2vh;
    }
    .topic-banner .txt h6 {
        font-size: 36px;
        margin-bottom: 2vh;
    }
    .topic-banner .txt .desc {
        font-size: 20px;
        margin-bottom: 4vh;
    }
    .topic-building .content .txt .con {
        font-size: 14px;
        line-height: 2;
    }
    .topic-case .item .img {
        height: 160px;
    }
    .topic-case .item .txt {
        padding: 10px 10px 10px 25px;
    }
    .product-tab {
        width: 200px;
    }
    .product-content {
        width: 720px;
    }
    .product-content .item .img {
        height: 222px;
        line-height: 222px;
    }
    .product-tab .adr .txt p {
        font-size: 20px;
        white-space: nowrap;
    }
    .product-detail {
        width: 720px;
    }
    .product-tuijian .item .img {
        height: 220px;
        line-height: 220px;
    }
    .case .item {
        width: 32%;
        margin-right: 2%;
    }
    .case .item:nth-child(4n) {
        margin-right: 2%;
    }
    .case .item:nth-child(3n) {
        margin-right: 0;
    }
    .news-list {
        width: 720px;
    }
    .serivce-ruodian .item .con,
    .serivce-anfang .bottom .item .con {
        font-size: 13px;
    }
    .news-detail {
        width: 720px;
    }
}
@media screen and (max-width: 980px) {
    .width1200 {
        width: 750px;
    }
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }
    .header .top,
    .head {
        display: none;
    }
    .nav-bg>div {
        display: flex;
        -webkit-display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .nav-bg .logo,
    .nav-bg .menu {
        display: block;
        height: 60px;
        line-height: 60px;
        font-size: 0;
    }
    .nav-bg .logo img {
        height: 70%;
        display: inline-block;
        vertical-align: middle;
    }
    .zhanwei {
        height: 60px;
    }
    .nav {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 10;
        background-color: rgba(0, 0, 0, 0.8);
    }
    .nav li {
        float: none;
        width: 100%;
    }
    .menu {
        cursor: pointer;
    }
    .menu .bars {
        display: inline-block;
        vertical-align: middle;
    }
    .menu .bar {
        width: 30px;
        height: 4px;
        background-color: #fff;
        margin: 5px 0;
    }
    .menu.active .bar:nth-child(1) {
        transform: translateY(9px) rotate(-45deg);
    }
    .menu.active .bar:nth-child(2) {
        opacity: 0;
    }
    .menu.active .bar:nth-child(3) {
        transform: translateY(-9px) rotate(45deg);
    }
    .index-intro .content {
        width: 100%;
    }
    .index-product-tab .tit {
        height: 60px;
    }
    .index-product-tab .tit h6 {
        padding: 10px 0 0 15px;
    }
    .index-product-tab .tit p {
        top: 25px;
        left: 15px;
        font-size: 16px;
    }
    .index-product-tab ul {
        height: 345px;
    }
    .index-product-tab li a {
        line-height: 40px;
        padding-left: 15px;
        font-size: 15px;
    }
    .index-service li {
        width: 72px;
    }
    .index-service .liu {
        width: 680px;
    }
    .swiper-oneStop-thumbs .swiper-slide .cir {
        width: 80px;
        height: 80px;
        line-height: 80px;
        left: -90px;
    }
    .swiper-oneStop-thumbs .swiper-slide .cir span {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .swiper-oneStop-thumbs .swiper-slide .cir span img {
        max-width: 40%;
        max-height: 40%;
    }
    .swiper-oneStop-thumbs,
    .swiper-oneStop {
        height: 370px;
    }
    .swiper-oneStop-thumbs .swiper-slide h6 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .index-news .items li .txt {
        padding: 10px 10px 0;
        height: 115px;
    }
    .index-news .items li .txt h6 {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .index-news .items li .txt .con {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }
    .index-news .quest .tit,
    .index-news .items .tit {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .index-news .quest {
        padding: 6px 15px 0;
    }
    .index-news .items {
        padding: 0;
    }
    .index-news .items li .img,
    .index-news .quest dl dt .img {
        height: 115px;
    }
    .index-news .quest dl dt .img {
        margin-bottom: 15px;
    }
    .index-news .quest dl dt .con {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }
    .index-news .quest dl dd a {
        font-size: 14px;
    }
    .index-news .quest dl {
        padding: 0;
    }
    .index-title {
        padding: 50px 0 30px;
    }
    .index-about-bg .content .txt h6 {
        font-size: 18px;
    }
    .index-about-bg .content .txt .con {
        font-size: 13px;
        line-height: 25px;
        height: 125px;
    }
    .index-about-bg .content .img {
        width: 40%;
        height: 274px;
    }
    .footer .cont .logo {
        display: none;
    }
    .footer .cont .txt {
        margin-left: 0;
        padding-left: 20px;
    }
    .footer .cont .txt p {
        font-size: 12px;
    }
    .footer .cont ul li a {
        font-size: 20px;
    }
    .footer .cont .erweima {
        width: 100px;
    }
    .topic-banner .txt h6 {
        font-size: 24px;
    }
    .topic-banner .txt .desc {
        font-size: 16px;
    }
    .topic-banner .txt a {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }
    .brand .re {
        display: none;
    }
    .topic-title {
        padding: 50px 0 20px;
    }
    .topic-building .item {
        height: 100px;
    }
    .topic-building .content .txt {
        padding: 20px;
    }
    .topic-building .content .txt h6 {
        font-size: 18px;
    }
    .topic-building .content .txt .con {
        font-size: 13px;
        line-height: 1.6;
    }
    .topic-building .content .img {
        height: 400px;
    }
    .topic-youshi .item .tit {
        padding: 15px 20px;
    }
    .topic-youshi .item .con {
        padding: 15px 20px;
    }
    .topic-youshi .item .con p {
        font-size: 14px;
    }
    .topic-case .item .img {
        height: 120px;
    }
    .topic-case .item .txt h6 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .news-ads .txt h6 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .news-ads .txt p {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .news-ads .txt a {
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .news-ads {
        height: 200px;
    }
    .product-content .item {
        width: 49%;
        margin-right: 2%;
    }
    .product-content {
        width: 520px;
    }
    .product-content .item:nth-child(3n) {
        margin-right: 2%;
    }
    .product-content .item:nth-child(2n) {
        margin-right: 0;
    }
    .product-banner .txt h4 {
        font-size: 36px;
    }
    .product-banner .txt h6 {
        font-size: 18px;
    }
    .product-detail {
        width: 520px;
    }
    .product-detail .con .btn a {
        padding: 0 15px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .product-tuijian .item .img {
        height: 160px;
        line-height: 160px;
    }
    .news-banner .b span {
        white-space: nowrap;
    }
    .news-list {
        width: 520px;
    }
    .news-list .item a {
        padding: 15px 20px;
    }
    .news-list .item .time {
        padding-right: 20px;
    }
    .news-list .item .txt h6 {
        font-size: 16px;
    }
    .intro-jianjie .txt h6 {
        font-size: 16px;
    }
    .intro-jianjie .txt .con {
        font-size: 13px;
        line-height: 1.8;
    }
    .intro-title h6 {
        font-size: 24px;
    }
    .intro-shili .item {
        padding: 20px 10px;
    }
    .intro-shili .item .cir {
        margin-bottom: 20px;
    }
    .intro-shili .item h6 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .intro-shili .item .con {
        font-size: 13px;
        line-height: 1.8;
    }
    .intro-guimo .tuwen .txt {
        padding: 30px 20px;
    }
    .intro-guimo .tuwen .txt .p {
        font-size: 14px;
        line-height: 1.8;
    }
    .intro-guimoer .item .bo {
        width: 95%;
    }
    .intro-title .desc {
        width: 90%;
        font-size: 14px;
        line-height: 1.8;
        margin: 0 auto;
    }
    .intro-yuanjing .content {
        height: auto;
    }
    .qual .item {
        width: 32%;
        margin-right: 2%;
    }
    .qual .item:nth-child(4n) {
        margin-right: 2%;
    }
    .qual .item:nth-child(3n) {
        margin-right: 0;
    }
    .serivce-ruodian .item {
        padding: 20px 10px 0;
    }
    .serivce-ruodian .item .num {
        right: 10px;
    }
    .serivce-anfang .bottom .item {
        padding: 20px 5px 0;
    }
    .contact .item .dizhi {
        font-size: 16px;
    }
    .my-map {
        height: 360px;
    }
    .news-detail {
        width: 520px;
    }
    .news-list .item .txt .con {
        line-height: 1;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media screen and (max-width: 750px) {
    .width1200 {
        width: 100%;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .nav-bg .logo,
    .nav-bg .menu {
        height: 1rem;
        line-height: 1rem;
    }
    .menu .bar {
        width: 0.5rem;
        height: 0.06rem;
    }
    .zhanwei {
        height: 1rem;
    }
    .nav {
        top: 1rem;
    }
    .index-num {
        top: 0;
        height: auto;
    }
    .index-num li {
        width: 50%;
        line-height: 0.9rem;
    }
    .index-num li p {
        font-size: 0.24rem;
    }
    .index-num li p span {
        font-size: 0.4rem;
    }
    .index-num li p sup {
        font-size: 0.2rem;
        width: 0.3rem;
        height: 0.3rem;
        line-height: 0.3rem;
    }
    .index-intro {
        padding-top: 1.4rem;
        padding-bottom: 0.5rem;
    }
    .index-product-bg {
        padding: 0.8rem 0;
    }
    .index-product h4 {
        font-size: 0.4rem;
        margin-bottom: 0.3rem;
    }
    .index-product .items {
        font-size: 0;
    }
    .index-product .item {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 48%;
        margin-right: 2%;
    }
    .index-product .item:nth-child(4n) {
        margin-right: 2%;
    }
    .index-product .item:nth-child(2n) {
        margin-right: 0;
    }
    .index-product-tab li a {
        font-size: 0.2rem;
        padding-left: 0;
        text-align: center;
        line-height: 0.6rem;
    }
    .index-product-item .item .img {
        height: 3.4rem;
        line-height: 2.4rem;
    }
    .index-product-item .item p {
        font-size: 0.2rem;
        line-height: 0.6rem;
    }
    .index-product-tab .tit {
        text-align: center;
        height: 0.8rem;
    }
    .index-product-tab .tit h6 {
        padding: 0;
        font-size: 0.36rem;
        line-height: 0.8rem;
    }
    .index-product-tab .tit p {
        left: 0;
        right: 0;
        text-align: center;
        top: 15px;
    }
    .index-service h4 {
        font-size: 0.4rem;
        margin-bottom: 0.3rem;
    }
    .index-service .liu {
        display: none;
    }
    .index-service .a {
        width: 7rem;
    }
    .index-service ul {
        text-align: center;
        font-size: 0;
    }
    .index-service li {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 0.1rem;
    }
    .index-title h6 {
        font-size: 0.4rem;
        margin-bottom: 0.2rem;
    }
    .index-title p {
        font-size: 0.3rem;
    }
    .index-about-bg .items .swiper-button-next,
    .index-about-bg .items .swiper-button-prev {
        display: none;
    }
    .swiper-oneStop-thumbs {
        padding: 0;
    }
    .swiper-oneStop-thumbs .swiper-slide h6 {
        font-size: 0.3rem;
    }
    .swiper-oneStop-thumbs .swiper-slide p {
        font-size: 0.24rem;
        line-height: 0.4rem;
        height: 0.8rem;
    }
    .swiper-oneStop-thumbs,
    .swiper-oneStop {
        height: 340px;
    }
    .swiper-oneStop-thumbs .swiper-slide .cir {
        width: 1.2rem;
        height: 1.2rem;
        line-height: 1.2rem;
        left: -1.25rem;
    }
    .swiper-oneStop-thumbs .swiper-slide .cir span {
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
    }
    .index-oneStop-bg {
        padding: 0 0 0.6rem;
    }
    .index-news .quest {
        display: none;
    }
    .index-news .items {
        float: none;
        width: 100%;
    }
    .index-title {
        padding: 0.5rem 0 0.3rem;
    }
    .index-news {
        padding: 0 0 0.6rem;
    }
    .index-about-bg .content .img {
        float: none;
        width: 100%;
        height: 3rem;
    }
    .index-about-bg .content .txt {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .index-about-bg .content .txt h6 {
        padding: 0.2rem 0 0.1rem;
    }
    .swiper-index-about {
        height: 3rem;
    }
    .swiper-index-about .swiper-slide .img {
        height: 2rem;
    }
    .index-about-bg {
        padding: 0 0 0.4rem;
    }
    .footer .f-nav {
        display: none;
    }
    .footer .cont .txt {
        float: none;
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .footer .cont ul {
        margin-left: 0;
    }
    .footer .cont ul li a.wap {
        display: block;
    }
    .footer .cont ul li a.pc {
        display: none;
    }
    .footer .bottom p {
        line-height: 1.5;
    }
    .topic-banner .txt {
        text-align: center;
    }
    .topic-banner .txt img {
        height: 0.4rem;
        margin: 0 auto 0.1rem;
    }
    .topic-banner .txt h6 {
        font-size: 0.36rem;
        margin-bottom: 0.1rem;
    }
    .topic-banner .txt .desc {
        font-size: 0.24rem;
        line-height: 1.3;
        margin-bottom: 0.2rem;
    }
    .topic-banner .txt a {
        width: 2rem;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.3rem;
        margin: 0 auto;
    }
    .brand p {
        padding-left: 20px;
        line-height: 1rem;
        float: none;
    }
    .brand p a,
    .brand p span {
        font-size: 0.2rem;
        margin-right: 0.1rem;
    }
    .brand .fr {
        float: none;
    }
    .brand .inps {
        float: none;
        line-height: 1rem;
    }
    .brand .inp {
        width: 100%;
        height: 0.6rem;
    }
    .topic-building .item p {
        font-size: 0.24rem;
    }
    .topic-building .content .txt {
        width: 90%;
        padding: 0.2rem;
    }
    .topic-building {
        padding: 0 0 0.8rem;
    }
    .topic-title .tit span {
        font-size: 0.36rem;
    }
    .topic-youshi .item .tit {
        padding: 0.2rem;
    }
    .topic-youshi .item .tit .txt {
        width: 65%;
    }
    .topic-youshi .item .tit .txt h6 {
        font-size: 0.3rem;
    }
    .topic-youshi .item .tit .txt p {
        font-size: 0.24rem;
        letter-spacing: 0;
    }
    .topic-youshi .item .tit .num {
        right: 0.2rem;
    }
    .topic-youshi .item .con {
        padding: 0.2rem;
    }
    .topic-youshi .item .con p {
        font-size: 0.24rem;
        line-height: 1.8;
    }
    .topic-youshi {
        padding: 0 0 0.5rem;
    }
    .topic-case {
        padding: 0 0 0.6rem;
    }
    .topic-title {
        padding: 0.5rem 0 0.2rem;
    }
    .topic-case .item {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 0.2rem;
    }
    .topic-case .item:nth-child(2n) {
        margin-right: 0;
    }
    .topic-case .item .txt .line {
        display: none;
    }
    .topic-case .item .txt {
        padding: 0.2rem 0.1rem;
    }
    .news-ads .txt h6 {
        font-size: 0.36rem;
        white-space: nowrap;
        margin-bottom: 0.1rem;
    }
    .news-ads .txt p {
        font-size: 0.3rem;
        white-space: nowrap;
        margin-bottom: 0.2rem;
    }
    .news-ads {
        height: 2.4rem;
    }
    .product-banner .txt h4 {
        font-size: 0.36rem;
        margin-bottom: 0.1rem;
    }
    .product-banner .txt h6 {
        font-size: 0.3rem;
    }
    .product-tab {
        width: 100%;
        float: none;
    }
    .product-tab .tit {
        height: 0.8rem;
        padding: 0 0.2rem;
        text-align: center;
    }
    .product-tab .tit p {
        font-size: 0.6rem;
        line-height: 0.8rem;
    }
    .product-tab .tit span {
        font-size: 0.36rem;
        left: 0;
        right: 0;
        text-align: center;
        top: 0.25rem;
    }
    .layui-collapse-product .layui-colla-title {
        height: 0.7rem;
        line-height: 0.7rem;
    }
    .layui-collapse-product .layui-colla-content dd a {
        height: 0.6rem;
        line-height: 0.6rem;
    }
    .product-tab .adr {
        display: none;
    }
    .product-content {
        float: none;
        width: 100%;
    }
    .product-content .item .img {
        height: 3.4rem;
        line-height: 3.4rem;
    }
    .page a {
        display: none;
    }
    .page .wap {
        display: inline-block;
    }
    .product-detail {
        width: 100%;
    }
    .swiper-product {
        float: none;
        width: 100%;
        height: 5.4rem;
        margin-bottom: 0.3rem;
    }
    .product-detail .con {
        float: none;
        width: 100%;
    }
    .product-tuijian .item {
        width: 49%;
        margin-right: 2%;
    }
    .product-tuijian .item:nth-child(3n) {
        margin-right: 2%;
    }
    .product-tuijian .item:nth-child(2n) {
        margin-right: 0;
    }
    .product-tuijian .item .img {
        margin-bottom: 0;
    }
    .product-banner .txt h6 {
        margin-bottom: 0.15rem;
    }
    .news-banner .b span {
        font-size: 0.24rem;
        padding: 0 0.2rem;
        line-height: 0.5rem;
    }
    .case .item {
        width: 49%;
        margin-right: 2%;
    }
    .case .item:nth-child(3n) {
        margin-right: 2%;
    }
    .case .item:nth-child(2n) {
        margin-right: 0;
    }
    .case .item .img {
        height: 2.4rem;
    }
    .case .item .txt .line {
        display: none;
    }
    .case .item .txt {
        padding: 0.2rem 0.1rem;
    }
    .case .item .txt h6 {
        font-size: 0.3rem;
    }
    .news-list {
        float: none;
        width: 100%;
    }
    .news-list .item a {
        padding: 0.2rem;
    }
    .news-list .item .txt {
        width: 72%;
    }
    .news-list .item .txt h6 {
        font-size: 0.3rem;
    }
    .about-tab a {
        font-size: 0.2rem;
    }
    .intro-jianjie .img {
        float: none;
        width: 100%;
        margin-bottom: .3rem;
    }
    .intro-jianjie .txt {
        float: none;
        width: 100%;
    }
    .intro-shili .item {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.3rem;
    }
    .intro-shili .item .con {
        height: auto;
    }
    .intro-guimo .tuwen .txt,
    .intro-guimo .tuwen .img {
        width: 90%;
    }
    .intro-guimoer .item {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 0.2rem;
    }
    .intro-guimoer .item:nth-child(2n) {
        margin-right: 0;
    }
    .footer .bottom p {
        font-size: 0.24rem;
    }
    .intro-title {
        padding: 0.6rem 0 0.3rem;
    }
    .intro-title .desc {
        font-size: 0.24rem;
    }
    .phonos .item {
        width: 49%;
        margin-right: 2%;
    }
    .phonos .item:nth-child(3n) {
        margin-right: 2%;
    }
    .phonos .item:nth-child(2n) {
        margin-right: 0;
    }
    .phonos .item .img {
        height: 3.4rem;
        padding: 0.2rem;
    }
    .qual .item {
        width: 49%;
        margin-right: 2%;
    }
    .qual .item:nth-child(3n) {
        margin-right: 2%;
    }
    .qual .item:nth-child(2n) {
        margin-right: 0;
    }
    .qual .item .img {
        height: 5.2rem;
        line-height: 5.2rem;
    }
    .qual .item p {
        font-size: 0.28rem;
    }
    .serivce-ruodian .item {
        display: block;
        width: 100%;
        margin: 0 auto 0.2rem;
        padding: 0.2rem 0.2rem 0.9rem;
        height: auto;
    }
    .serivce-title {
        padding: 0.6rem 0 0.3rem;
    }
    .serivce-title h6 {
        font-size: 0.36rem;
    }
    .serivce-anfang .top .item {
        width: 100%;
        float: none;
        height: auto;
        margin-bottom: 0.3rem;
        padding: 0.3rem 0.2rem 0.9rem;
    }
    .serivce-anfang .bottom .item {
        width: 49%;
        margin-right: 2%;
    }
    .serivce-anfang .bottom {
        padding: 0.3rem 0.2rem 0.2rem;
    }
    .serivce-anfang .bottom .item:nth-child(2n) {
        margin-right: 0;
    }
    .serivce-menjin .item {
        display: block;
        margin: 0 auto 0.2rem;
        width: 100%;
        height: auto;
        padding: 0.3rem 0.2rem 0.9rem;
    }
    .online-message {
        height: auto;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }
    .online-message input[type=text],
    .online-message textarea,
    .online-message .btn {
        width: 100%;
    }
    .online-message input {
        height: 0.8rem;
    }
    .contact .items {
        display: block;
    }
    .contact .item {
        width: 100%;
        margin-bottom: 0.2rem;
        height: 2rem;
    }
    .contact .item img {
        height: 0.4rem;
        margin-bottom: 0.15rem;
    }
    .contact .item a {
        font-size: 0.4rem;
    }
    .my-map {
        height: 4rem;
    }
    .search-banner .img {
        height: 4rem;
        object-fit: cover;
    }
    .search-banner .txt h4 {
        font-size: 0.4rem;
    }
    .search-banner .txt .sea {
        width: 7rem;
        height: 0.8rem;
    }
    .search-tab li {
        margin: 0 0.2rem;
    }
    .search-tab li:after {
        right: -0.1rem;
    }
    .search-items .item .link {
        font-size: 0.24rem;
    }
    .download-tab {
        padding: 0.3rem 0;
    }
    .download-tab a {
        width: 2rem;
        height: 0.6rem;
        line-height: 0.6rem;
        margin: 0 0.1rem;
        font-size: 0.26rem;
    }
    .download-list .item {
        padding: 0.25rem 0.2rem;
        margin-bottom: 0.2rem;
    }
    .download-list .item .txt {
        width: 65%;
    }
    .download-list .item a {
        width: 20%;
    }
    .news-detail {
        float: none;
        width: 100%;
    }
    .news-detail .tit h6 {
        font-size: 0.36rem;
        line-height: 1.5;
    }
    .prev-next .a {
        float: none;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .news-tuijian {
        padding: 0 0.2rem;
    }
    .topic-building .content .img {
        float: none;
        width: 100%;
        height: 5.6rem;
    }
    .topic-building .content .txt {
        position: initial;
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        width: 100%;
    }
    .news-list .item .t {
        right: .2rem;
        bottom: .2rem;
    }
}